
import {
    COMMON_DATA_TYPE
} from './basic';

const { 
    number,
    text,
    color,
    rect,
    checkbox,
    dropdown 
} = COMMON_DATA_TYPE;

export const TEXT_STYLE_MAP = {
    color:{
        label: '颜色',
        prop: 'color',
        type: color
    },
    fontStyle:{
        label: '样式',
        prop: 'fontStyle',
        type: dropdown
    },
    fontWeight:{
        label: '粗细',
        prop: 'fontWeight',
        type: dropdown
    },
    fontFamily: {
        label: '粗细',
        prop: 'fontFamily',
        type: dropdown
    },
    fontSize:{
        label: '大小',
        prop: 'fontSize',
        type: number
    },
    align:{
        label: '水平对齐',
        prop: 'align',
        type: dropdown
    },
    verticalAlign:{
        label: '垂直对齐',
        prop: 'verticalAlign',
        type: dropdown
    }, 
    lineHeight:{
        label: '行高',
        prop: 'lineHeight',
        type: number
    }, 
    backgroundColor:{
        label: '背景色',
        prop: 'backgroundColor',
        type: color
    },
    borderColor:{
        label: '边框颜色',
        prop: 'borderColor',
        type: color
    },
    borderWidth:{
        label: '边框宽度',
        prop: 'borderWidth',
        type: number
    },
    borderRadius:{
        label: '圆角',
        prop: 'borderRadius',
        type: rect
    },
    padding:{
        label: '内边距',
        prop: 'padding',
        type: rect
    },
    shadowColor:{
        label: '阴影颜色',
        prop: 'shadowColor',
        type: color
    },
    shadowBlur:{
        label: '阴影长度',
        prop: 'shadowBlur',
        type: number
    },
    shadowOffsetX:{
        label: '水平偏移度',
        prop: 'shadowOffsetX',
        type: number
    },
    shadowOffsetY: {
        label: '垂直偏移度',
        prop: 'shadowOffsetY',
        type: number
    },
    width: {
        label: '宽度',
        prop: 'width',
        type: number
    },
    height: {
        label: '高度',
        prop: 'height',
        type: number
    },
    textBorderColor:{
        label: '描边颜色',
        prop: 'textBorderColor',
        type: color
    },
    textBorderWidth:{
        label: '描边宽度',
        prop: 'textBorderWidth',
        type: number
    },
    textShadowColor:{
        label: '文字阴影颜色',
        prop: 'textShadowColor',
        type: color
    },
    textShadowBlur:{
        label: '文字阴影长度',
        prop: 'textShadowBlur',
        type: number
    },
    textShadowOffsetX:{
        label: '文字阴影水平偏移度',
        prop: 'textShadowOffsetX',
        type: number
    },
    textShadowOffsetY:{
        label: '文字阴影垂直偏移度',
        prop: 'textShadowOffsetY',
        type: number
    }
};